<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>默认样式</title>
    <!-- 
        方式二，引入reset.css 
        reset会去除掉所有的默认样式
    -->
    <!-- <link rel="stylesheet" href="./css/reset.css"> -->

    <!-- 
        方式三，引入normalize.css 
        normalize去除掉了那些会影响布局的样式
            统一了那些不影响布局的样式
        
    -->
    <link rel="stylesheet" href="./css/normalize.css">
    <style>
        /* 
            浏览器在渲染网页时，会对元素添加一些默认样式
                但是这些样式对于我们现在来说没有什么太大的意义
                并且这些样式的存在会影响到页面的布局
                所以在正式开发前必须要去除掉网页中的默认样式
        
        */
        /* body{
            margin: 0;
        }

        p{
            margin: 0;
        }

        ul{
            margin: 0;
            padding: 0;
            list-style: none;
        } */

        /* 
            方式一
        */

        /* *{
            margin: 0;
            padding: 0;
        }

        ul{
            list-style: none;
        } */

       
    </style>
</head>
<body>

    <div>我是一个div</div>

    <p>我是一个段落</p>
    <p>我是一个段落</p>

    <ul>
        <li>列表项</li>
        <li>列表项</li>
        <li>列表项</li>
    </ul>
    
</body>
</html>